@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  min-height: 100%;
  background: url('../assets/images/system.png') no-repeat;
  background-size:100% 100%;
  -moz-background-size:100% 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

// main-container global css
.app-container {
  margin: 24px 20px 0 20px;
  padding-top: 1px;
  background:rgba(23, 27, 35, 1);
  min-height: 700px;
  .addbtn{
    float: left;
    margin: 10px 0 0 20px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, .8);
    cursor: pointer;
    padding: 0 8px 0 8px;
    height: 32px;
    text-align: center;
    line-height: 34px;
    background: rgba(247, 181, 0, 1);
    // background: -webkit-gradient(linear, left top, right top, from(#28cfff), to(#0e9add));
    // background: linear-gradient(90deg, #28cfff 0%, #0e9add 100%);
  }
  .seatch {
    width: 180px;
    height: 32px;
    border-radius: 2px;
    // border:1px solid rgba(35,189,234,0.7);
    position: absolute;
    right: 40px;
    margin-top: 15px;
    input{
      height: 32px;
      width: 180px;
    }
  }
  .content {
    margin: 66px 20px 0 20px;
    .operate {
      display: flex;
      font-size: 12px;
      font-weight: 400;
      color: rgba(247, 181, 0, 1);
      div {
        cursor: pointer;
        flex: 1;
      }
    }
  }
}
.pageination-div{
  float: right;
  margin-right: 36px;
}
//svg fill去除
path {
  fill: inherit !important;
}
//富文本编辑器
 .ql-editor {
   min-height: 260px !important;
   max-height: 350px !important;
 }
 .quill-editor {
   .ql-toolbar.ql-snow {
     border: 1px solid rgba(35, 189, 234, .7);
   }
   .ql-container.ql-snow {
     border: 1px solid rgba(35, 189, 234, .7);
   }
   .ql-snow .ql-stroke{
      stroke:#fff;
   }
   .ql-snow .ql-fill {
      fill: #fff !important;
  }
   .ql-toolbar.ql-snow .ql-picker-label{
     color: #fff;;
   }
   .ql-snow .ql-editor pre.ql-syntax{
     background:transparent;
     color: #fff;
     font-size: 14px;
     font-weight: 400;
   }
   .ql-editor.ql-blank:before {
     color: #fff;
     font-style: normal;

   }
 }


 .unsolvedColor {
   width: 5px;
   height: 5px;
   background: rgba(247, 181, 0, 1);
   border: 5px solid rgba(247, 181, 0, 0.35);
   display: inline-block;
   border-radius: 50px;
   margin-right: 5px;
   box-shadow: 0 0 3px 3px rgba(90, 83, 48, 0.9);
   // text-shadow: 1px 2px 4px rgba(2, 21, 51, 1);
 }

 .solvingColor {
   width: 5px;
   height: 5px;
   background: rgba(50, 197, 255, 1);
   border: 5px solid rgba(50, 197, 255, 0.35);
   display: inline-block;
   border-radius: 50px;
   margin-right: 5px;
   box-shadow: 0 0 3px 3px rgba(17, 94, 149, 0.9);
 }

 .resolvedColor {
   width: 5px;
   height: 5px;
   background: rgba(68, 215, 182, 1);
   border: 5px solid rgba(68, 215, 182, 0.35);
   display: inline-block;
   border-radius: 50px;
   margin-right: 5px;
   box-shadow: 0 0 3px 3px rgba(25, 90, 121, 0.9);
 }
 .rejectdColor {
   width: 5px;
   height: 5px;
   background: rgb(230, 52, 76);
   border: 5px solid rgba(215, 68, 105, 0.35);
   display: inline-block;
   border-radius: 50px;
   margin-right: 5px;
   box-shadow: 0 0 3px 3px rgba(25, 90, 121, 0.9);
 }
 .recoveringColor {
   width: 5px;
   height: 5px;
   background: rgb(230, 97, 201);
   border: 5px solid rgba(204, 114, 192, 0.35);
   display: inline-block;
   border-radius: 50px;
   margin-right: 5px;
   box-shadow: 0 0 3px 3px rgba(131, 83, 136, 0.9);
 }
.textHidden{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  // display: block;
}
.btnSub{
  cursor: pointer;
  width: 88px;
  height: 32px;
  text-align: center;
  line-height: 35px;
  font-size:14px;
  font-weight:400;
  color:rgba(255, 255, 255, 1);
  background:linear-gradient(90deg, rgba(46, 206, 253, 1) 0%, rgba(7, 157, 230, 1) 100%);
}
